@media only screen and (min-width:768px) and (max-width:991px){body{font-size:15px}
.mobile-nav .logo img{max-width:110px}
.mean-container .mean-bar{background-color:#fff;padding:0}
}
@media only screen and (min-width:992px) and (max-width:1199px){
.main-nav nav .navbar-nav .nav-item a{text-transform:capitalize;color:#373737;font-weight:400;font-size:14px;margin-left:9px;margin-right:9px}
.main-nav nav .navbar-nav .nav-item a i{font-size:8px}

.other-side .search-area .search-item{top:12px}
.other-side .search-area .search-item i{top:-5px}
.other-side .search-area .search-item .close-btn.active{top:-2px}
.other-side .cart-area .cart-icon{top:5px;font-size:15px}
.other-side .search-text{margin-right:0}

}

@media only screen and (max-width:991px){.mobile-nav{display:block;position:relative}
.mobile-nav .logo{text-decoration:none;position:absolute;top:0;z-index:999;left:10px;color:#fff;font-weight:700;text-transform:uppercase;font-size:20px; padding-top:10px;}
.mean-container .mean-bar{ background: #fff;padding:0}
.mean-container a.meanmenu-reveal{padding:25px 15px 0 0}
.mobile-nav nav .navbar-nav .nav-item a i{display:none}
.main-nav{display:none!important}
}